<template>
	<view class="subscribe-list" >
		<!-- 列表 -->
		<view class="list-box" v-for="(item,index) in dataList" :key="index"  >
			<view>
				<span class="font-32 color-000" >客户：</span>
				<span class="color-000" >
					<span class="font-32 color-000" >{{item.name}}</span>
					<span  v-if="item.phone" >- {{item.phone}}</span>
				</span>
			</view>
			<view>
				<span>墓位信息：</span>
				<span>{{item.address}}</span>
			</view>
			<view>
				<span>逝者信息：</span>
				<span>{{item.info}}</span>
			</view>
			<view class="time-style" >
				<span>预约时间：</span>
				<span>{{item.time}}</span>
			</view>
		</view>
		
		<view class="add-btn" >
			<span @click="goTo_resubscribe" >十 下葬预约</span>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[
					{
						name:'王宇',
						phone:'18234567234',
						address:'青竹镇孝荣村一区二排0002号',
						info:'王天兰-女-2018-03-03 22:45逝世',
						time:'2018-03-06 10:00-11:00'
					},
					{
						name:'王宇',
						phone:'18234567234',
						address:'青竹镇孝荣村一区二排0002号',
						info:'王天兰-女-2018-03-03 22:45逝世',
						time:'2018-03-06 10:00-11:00'
					}
				]
			};
		},
		
		methods:{
			// 跳转 下葬预约页面
			goTo_resubscribe(){
				this.$u.route({
					url:'/pages/view/home/resubscribe/resubscribe'
				})
			}
		}
	}
</script>

<style lang="less">
.subscribe-list{
	font-size: 28upx;
	padding: 0 40upx;
	padding-top: 20upx;
	color: #333333;
	.list-box{
		display: flex;
		flex-direction: column;
		border-bottom: 2upx solid #e4e4e4;
		margin-bottom: 30upx;
		view{
			display: flex;
			flex: 1;
			margin-bottom: 30upx;
			align-items: center;
			span:first-child{
				width: auto;
				color: #7f7f7f;
			}
			span:last-child{
				flex: 1;
				color: #33333;
			}
		}
	}
	
	.font-32{
		font-size: 32upx !important;
	}
	.color-000{
		color: #000000 !important;
	}
	
	.time-style{
		color: #7f7f7f !important;
	}
	
	.add-btn{
		text-align: center;
		height: 90upx;
		line-height: 90upx;
		margin-top:50upx;
		margin-bottom: 30upx;
		span{
			font-size: 32upx;
			color: #ffffff;
			background: #f5942b;
			padding: 14upx 74upx;
			border-radius: 6upx;
		}
	}
}
</style>
